import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import 'xe-utils';
import VXETable from 'vxe-table'
import 'vxe-table/lib/index.css'

import App from './App.vue';
import renderApp from './migrate-react/main';

renderApp();
Vue.config.productionTip = false;

Vue.use(ElementUI);
Vue.use(VXETable);

VXETable.renderer.add("test", {
  renderEdit(h, renderOpts, params) {
    const { $table, row, column } = params;
    console.log($table, row, column);
    return [<ElDatePicker onClick={() => console.log('dddddddddd')} onChange={(...args) => {
      // Vue.set(row, column.property, e.target.value);
      console.log('faffaf ', args)
      $table.updateStatus(params);
    }} onInput={() => console.log('oninpu oninput')} value={new Date()} on={{ change: () => console.log('ffffffff'), input: () => console.log('input input input') }} />]
  }
})

new Vue({
  render: h => h(App),
}).$mount('#app')
